﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}


/*design styles*/
body
{
	background:url('Images/body_bg.png') repeat;
	margin:0;
	padding:0;
	text-align:center;
	color:#808080;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
}

form
{
	padding:0;
	margin:0;
}

img
{
	border: 0;
}

p
{
	margin:0;
	padding:0;
}

ul
{
	margin:0;
	padding:0;
}

li
{
	list-style:none;
	margin:0;
	padding:0;
}

.end-float
{
	clear: both;
}



/*main container*/

.bu-container 
{
    background:#fff;
    position:relative;
    text-align:center;
    top:20px;
    display:inline-block;
}

.bu-layout 
{
    width:1150px;
    border:2px solid #7ba0cd;
    
}

select {
    padding-left: 3px;
    border: 1px solid #ded9d0;
    text-align: left;
     outline-color: #ccc;
    width:206px;
     font-size:15px;
    height:25px;
}

/* table*/
.quota-lookup 
{
    text-align:right;
    padding-left:20px;
    border:2px solid #ccc;
    
}

.quota-lookup tr, .quota-lookup td 
{
    border:none;
}

table {
    border-collapse:collapse;
    font-size:14px;
    color:#000;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

table, td, th
{
border:1px solid #ccc;
}

td, th, tr{
    
    padding:5px;
}

th 
{
    background-color: #fff;
    background: -webkit-linear-gradient(#fff, #dedede);
    background: -o-linear-gradient(#fff, #dedede);
    background: linear-gradient(#fff, #dedede);
    color:#792727;
    font-weight:bold;
}

.table-keyword  td 
{
    float:left;
    font-weight:normal;
}

.table-keyword  tr {
    line-height:30px;
}

td.more-opt 
{
    float:right;
    margin-right:10px;
    color:#808080;
}

td.more-opt a 
{
   color:#808080;
}

td.more-opt a:hover 
{
    text-decoration:none;
}

/*navigation styles*/
.nav 
{
    
}

ul.nav-menu 
{
    background:url('Images/nav_bg.png') repeat;
    height:89px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

li.nav-menu-item 
{
    display:inline-block;
    margin-top:45px;
    border-radius: 6px;
    background-color: #717170;
    background: -webkit-linear-gradient(#717170, #413f3f);
    background: -o-linear-gradient(#717170, #413f3f);
    background: linear-gradient(#717170, #413f3f);
    margin-left:5px;
    margin-right:5px;
}

li.nav-menu-item a 
{
    
    float:left;
    text-decoration:none;
    font-size:12px;
    line-height:40px;
    padding-left:15px;
    padding-right:50px;
    color:#fff;
    
    
}

li.nav-menu-item a:hover, li.nav-menu-item a:active
{
    color:#ff0000 !important;
}

.nav-menu a.active {
    color:#ff0000;

}



#history 
{
    background:url('Images/history.png');
    background-repeat:no-repeat;
    background-position:right;
}

#quickFind 
{
    background:url('Images/quickfind.png');
    background-repeat:no-repeat;
    background-position:right;
}

#advancedSearch 
{
    background:url('Images/advancedsearch.png');
    background-repeat:no-repeat;
    background-position:right;
}

#currentJob 
{
    background:url('Images/currentJob.png');
    background-repeat:no-repeat;
    background-position:right;
}

#parameterProfile 
{
    background:url('Images/parameterprofiles.png');
    background-repeat:no-repeat;
    background-position:right;
}

#savedJob 
{
    background:url('Images/savedJob.png');
    background-repeat:no-repeat;
    background-position:right;
}


/*QuickFind styles*/
::-webkit-input-placeholder {
	font-style: italic;
    color: #ccc;
    font-size:14px;
    line-height:22px;
}
 
::-moz-placeholder {
	font-style: italic;
    color: #ccc;
   font-size:14px;
   line-height:22px;
}
placeholder {
    color: #999;
    font-style:italic;
    font-size:14px ;
    line-height:22px;
}

#Keyword, #ProductID ,#Title, #ProductIDRangeFrom, #ProductIDRangeTo, #ISBN13, #DateFrom, #DateTo, #Resolution, #MaxHeight, #MaxWidth, #FileNamePrefix, #FileNameSuffix, #MaxHeight, #MaxWidth, #FileNamePrefix, #FileNameSuffix, #ProfileName
{
    padding-left:3px;
    padding-right:3px;
    border: 1px solid #ded9d0;
    border-radius: 4px;
    text-align: left;
    color: #171513;
    outline-color:#ccc;
    width:200px;
}

.title {
font-weight:bold;
}

#QuickFindButton, #ShowParamButton, #AddToJobButton, #AddToJobButtonUpper, #AdvSearch, #LoadCSVBtn, #LoadJobButton, #SaveJobButton, #ClearJobButton, #StartJobButton,#CancelButton, #OKButton, #LoadParamButton, #SaveParamButton, #DeleteParamButton, #DefaultButton, #SaveButton  {
    background:url('Images/input_bg_02.jpg') repeat-x;
    border-radius: 4px;
    border:1px solid #b9b6ab;
    height: 26px;
    font-size:13px;
    color: #792727;
    outline:none;
   cursor:pointer;
   font-weight:bold;
}

.imgpop img {
    width:50px;
    height:50px;
}

/*Advanced Search*/
#ProductIDRangeFrom, #ProductIDRangeTo, #DateFrom, #DateTo
{
    width:82px;
}

.AdvancedSearch {
    padding:5px;
}

.AdvancedSearch table td {
    border:none;
    text-align:left;
    
}
#AdvancedSearch {
border:2px solid #ccc;
}

.left {
    float:left;
    width:400px;
    border:none;
}

.right 
{
    float:left;
    width:440px;
    border:none;
}

#SelectedAgeGradeFrom, #SelectedAgeGradeTo {
width:87px;
padding-left:0px;
font-size:15px;
}

#SearchGridData {
padding:5px;
}

.UploadedTitle {
font-size:17px;
color:#792727;
font-weight:bold;
text-align:right;
}


#CancelButton, #OKButton
 {
margin:10px 10px 0;
}

#LoadJobButton, #SaveJobButton, #ClearJobButton, #StartJobButton {
margin:10px 10px 0;
}

.AddToJob {
border:none;
}

.Searchblock 
{
    padding:5px;
}

#ParameterProfileDiv {
    padding:5px;
}

#ProfileParametersCurrentJobDiv td, #ParamProfileParameters td {
    text-align:left;

}

.resolution {
    font-weight:bold;
    color:#792727;
}

.td_right {
    text-align:left;
width:120px;
}


#ParametersCurrentJobDiv td, #ParamProfileParameters td, #ProfileParametersCurrentJobDiv td {
border:none;
float:left;
line-height:25px;
}

a.DownloadPackage
{
    background: url(../Content/Images/DownloadPackage.png) no-repeat top left;
     display: block;
     width: 50px;
     height: 50px;
     text-indent: -9999px; /* hides the link text */
}

.MarketingImg
{
    height:130px;
}

.empty_td{
width:20px;
}

/*SavedJob*/
#SavedJobsDiv {
padding:5px;
}

#SavedJobsDiv img {
    cursor:pointer;
}

/*History*/
#HistoryDiv {
padding:5px;
}


/*footer styles*/
.ip-footer 
{
    color:#792727;
    font-size:13px;
    line-height:25px;
    text-align:center;
    background-color: #fff;
    background: -webkit-linear-gradient(#9f9f9f, #fff);
    background: -o-linear-gradient(#9f9f9f, #fff);
    background: linear-gradient(#9f9f9f, #fff);
    border-top:2px solid #7ba0cd;
    margin-top:15px;
}

/*Warning icon*/
#MsgDiv
{
    
   
    text-align:left;
    padding:10px;
    background:#fff;
}

#MsgContent {
    position:relative;
    top:-9px;
}

#MsgDiv span {
display:inline-block;
}

#Tabs ul {
padding: 0px;
margin: 0px;
margin-left: 10px;
list-style-type: none;
}

#Tabs ul li {
display: inline-block;
clear: none;
float: left;
height: 24px;
}

#Tabs ul li a {
position: relative;
margin-top: 16px;
display: block;
margin-left: 6px;
line-height: 24px;
padding-left: 10px;
background: #f6f6f6;
z-index: 9999;
border: 1px solid #ccc;
border-bottom: 0px;

/* The following four lines are to make the top left and top right corners of each tab rounded. */
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
/* end of rounded borders */

width: 130px;
color: #000000;
text-decoration: none;
font-weight: bold;
}

#Tabs ul li a:hover {
text-decoration: underline; 
}

#Tabs #Content_Area { 
padding: 0 15px;
clear:both;
overflow:hidden;
line-height:19px;
position: relative;
top: 20px;
z-index: 5;
height: 150px;
overflow: hidden;
}

p { padding-left: 15px; }

#QuotaLookupDiv
{
    width: 280px;
    position: absolute;
    top:71px;
    left:1454px;
}
#Lookup
{
    width: 280px;
}